<template>
  <div>
    <headers :headers="headers"></headers>
    <div class="section bgf2">
      <div class="art-box reward p12 mb12">
        <div class="clearfix">
          <span class="left">可提现金额</span>
          <span class="right">累计收益：12000元</span>
        </div>
        <div class="clearfix">
          <div class="left">
            <p class="num">999.99元</p>
            <p>提现中金额：1000.99元</p>
          </div>
          <div class="right tx">
            <div class="btn btn-bg-green btn-h32">提现</div>
            <p class="fs12">奖励说明</p>
          </div>
        </div>
      </div>
      <div class="flex">
        <div class="numbers" style="margin-right:6px;">
          <p>本月邀请</p>
          <div class="flex">
            <div>
              <p>总人数</p>
              <p class="color-blue">199</p>
            </div>
            <div>
              <p>会员人数</p>
              <p class="color-blue">199</p>
            </div>
          </div>
        </div>
        <div class="numbers" style="margin-left:6px;">
          <p>累计邀请</p>
          <div class="flex">
            <div>
              <p>总人数</p>
              <p class="color-blue">199</p>
            </div>
            <div>
              <p>会员人数</p>
              <p class="color-blue">199</p>
            </div>
          </div>
        </div>
      </div>
      <div class="numbers mt12">
        <p>我的粉丝</p>
        <div class="flex">
          <div>
            <p>专属粉丝</p>
            <p class="color-blue">199</p>
          </div>
          <div>
            <p>潜在粉丝</p>
            <p class="color-blue">199</p>
          </div>
        </div>
      </div>
      <div class="art-box p12 mt12">
        <p style="text-align:center;">奖励明细</p>
        <div>
          <div class="award-item mt12">
            <div class="txt">
              <p class="desc clamp1">张帅开通vip成功</p>
              <p class="time">2019-04-21  08:02</p>
            </div>
            <div class="money">+35元</div>
          </div>
          <div class="award-item mt12">
            <div class="txt">
              <p class="desc clamp1">张帅开通vip成功</p>
              <p class="time">2019-04-21  08:02</p>
            </div>
            <div class="money">+35元</div>
          </div>
          <div class="award-item mt12">
            <div class="txt">
              <p class="desc clamp1">张帅开通vip成功</p>
              <p class="time">2019-04-21  08:02</p>
            </div>
            <div class="money">+35元</div>
          </div>
        </div>
        <p class="color-blue" style="text-align:center;">查看更多</p>
      </div>
    </div>
  </div>
</template>

<script>
import Headers from '@/components/Headers'

export default {
  name: 'Award',
  data () {
    return {
      headers: {
        left: require('@/assets/images/icon-close.png'),
        title: '邀请奖励'
      }
    }
  },
  components: {
    Headers
  }
}
</script>
